<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>按钮</title>
	<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body style="margin:50px;">
	<!-- 
		1.按钮样式
			1)	.btn 					//后续的类都要在这个基础上添加
			2)	.btn-default 			//默认样式
			3)	.btn-success 			//没有.btn-active
			4)	.btn-info
			5)	.btn-warning
			6)	.btn-danger
			7)	.btn-primary

		2.大小
			1)	.btn-lg 				//大
			2)	.btn-sm 				//小
			2)	.btn-xs 				//超小
			3)	.btn-md 				//中。默认

		3.块级按钮
			1)	.btn-block

		4.激活(处于按下的状态)
			1)	.active 				//并不是.btn-active

		5.禁用
			1)	.disabled				//并不是.btn-disabled

	 -->
	<a href="#" class="btn btn-default">btn-default</a>
	<button class="btn btn-success">btn-success</button>
	<button class="btn btn-info">btn-info</button>
	<button class="btn btn-warning btn-lg">btn-warning btn-lg</button>
	<button class="btn btn-danger btn-sm">btn-danger btn-sm</button>
	<button class="btn btn-danger btn-xs">btn-xs</button>

	<button class="btn btn-success btn-block">btn-block</button>
	<input class="btn active" type="button" value="active">
	<button class="btn btn-success disabled">disabled</button>
	<button class="btn btn-primary">btn-primary</button>

	<script src="bootstrap-3.3.5-dist/jquery/jquery.min.js"></script>
	<script src="bootstrap-3.3.5-dist/bootstrap/bootstrap.min.js"></script>
</body>
</html>